.head {
    width: 100%;
    height: 88px;
    background-color: #fbfbfb;
}

.top-bar {
    width: 100%;
    height: 59px;
    background-color: #484848;
    color: #a7a7a7;
}

.top-bar .tab-list {
    width: fit-content;
    margin: 0 auto;
}

.top-bar .tab-item {
    float: left;
    line-height: 59px;
    font-size: 16px;
    color: #a7a7a7;
    font-weight: bold;
    margin: 0 67px;
    cursor: pointer;
}

.top-bar .tab-item.act {
    color: #E66F11;
}

.content {
    width: 100%;
    background-color: #f5f5f5;
    overflow: hidden;
}

.w {
    width: 1260px;
    height: 100%;
    margin: 0 auto;
}

.content .tip {
    color: #a7a7a7;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    margin: 50px 0 77px;
}

.content .tip p:first-child {
    margin-bottom: 11px;
}

.content .item {
    width: 1000px;
    height: 220px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.content .item .num {
    float: left;
    width: 48px;
    height: 48px;
    background-color: #cdcdcd;
    text-align: center;
    line-height: 48px;
    margin-top: 96px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;

}

.content .item .cover {
    float: left;
    width: 160px;
    height: 220px;
    margin: 0 40px 0 50px;
}

.content .item .cover img {
    display: block;
    width: 100%;
    height: 100%;
}

.content .item .info {
    position: relative;
    float: left;
    width: 700px;
    height: 220px;
    box-sizing: border-box;
    color: #4d4d4d;
    border-bottom: 1px solid #c6c6c6;

}

.content .item .info .title {
    font-size: 24px;
    line-height: 33px;
    font-weight: bold;
    margin-top: 34px;
}

.content .item .info .actor {
    margin-bottom: 15px;
    margin-top: 25px;
    font-weight: bold;
}

.content .item .info .time {
    color: #8a8a8a;
}

.content .item .info .rate {
    position: absolute;
    top: 43px;
    right: 0;
    font-size: 48px;
    line-height: 67px;
    color: #E63211;
    font-weight: bold;
}

.content .item .info .rate span {
    font-size: 32px;
}

/* 分页 */
.content .page {
    width: fit-content;
    margin: 60px auto 78px;
}

.content .page span {
    float: left;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(209, 209, 209, 1);
    text-align: center;
    line-height: 32px;
    color: #676767;
    cursor: pointer;
    margin: 0 7px;
    font-weight: bold;
}

.content .page span.act {
    background-color: #E66F11;
    color: #fff;
}
